<template>
    <BrowserCompatibility>
        <a-app>
            <div :style="bodyStyle">
                <router-view />
            </div>
        </a-app>
    </BrowserCompatibility>
</template>

<script setup lang="ts">
import { useDark } from '@vueuse/core'
import BrowserCompatibility from '@/components/BrowserCompatibility.vue'

useDark({
    selector: 'body',
    attribute: 'arco-theme',
    valueDark: 'dark',
    valueLight: 'light',
})

const bodyStyle = {
    backgroundColor: '#f0f2f5',
}


</script>